<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/jituanjieshao.css">
    <link rel="stylesheet" href="../css/dspt.css">
    <!-- <link rel="stylesheet" href="../hd/stylea.css"> -->
</head>
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../hd/jQuery-1.11.3.min.js"></script>
<!-- <script src="../js/typeface.js"></script> -->
<script src="../hd/jquery.scrollme.js"></script>
<script src="../hd/jquery.scrollme.min.js"></script>
<script src="../hd/prefixfree.min.js"></script>
<script src="../js/main.js"></script>


<body>
    <div id="app">
        <div class="wrapper">
            <div id="header" class="header _clearfix" style="opacity: 0.98299;">
                <a href="" class="logo">
                    <img src="../img/syimg/logo.372b6a05.png" alt="">
                </a>
                <div class="nav">
                    <a href="./sy.html" class="font_size_xl">首页</a>
                    <a href="./jituanjieshao.html" class="font_size_xl router-link-exact-active router-link-active"
                        aria-current="page">集团介绍</a>
                    <a href="./dspt.html" class="font_size_xl">电商平台</a>
                    <a href="./shehuizeren.html" class="font_size_xl">社会责任</a>
                    <a href="./ziyoupinpai.html" class="font_size_xl">自有品牌</a>
                    <a href="https://partner.mia.com/guide.htm" class="font_size_xl">招商合作</a>
                    <a href="./ndhw.html" class="font_size_xl">楠得好物</a>
                </div>
            </div>
            <p class="title _txt_center _opacity_title" style="opacity: 0.973642;">
                <img src=""
                    alt="">
            </p>
            <div class="introduce" style="padding-top: 30rem;">
                <!-- 视频 -->
                <div class="back_video">
                    <div id="bg_container">
                        <video id="background_video" autoplay="autoplay" loop="loop" muted="muted"
                            class="background_video">
                            <source src="https://download.miabaobei.com/newpc/introduce.mp4" type="video/mp4">
                        </video>
                        <div id="video_cover" style="display: none;"></div>
                        <div id="overlay"></div>
                    </div>
                </div>
                <!---->
                <div class="container _relative">
                    <div class="wrapper">
                        <div class="scroll_box">
                            <div class="mia_introduction _relative scrollme">
                                <div class="text_box _relative">
                                    <div class="text_sign opacity_dom" style="opacity: 1;">
                                        <img src=""
                                            alt="">
                                    </div>
                                    <div class="text_title opacity_dom section_title" style="opacity: 1;">蜜芽简介</div>
                                    <div class="text_content opacity_dom font_size_xl" style="opacity: 1;">
                                        蜜芽创立于2011年，是中国领先的女性生活方式服务平台，覆盖业务集零售、自有品牌和会员营销一体。目前，蜜芽已服务超过5000万中国年轻妈妈，满足母婴、家庭、生活产品和服务等全生活场景需求。蜜芽将继续致力于为亿万女性群体提供简单、放心，美好的品质生活解决方案，让天下女性零焦虑。
                                    </div>
                                </div>
                                <div class="picture opacity_dom _relative" style="opacity: 1;">
                                    <img src="../img/peopel.014dafc9.png" alt="">
                                </div>
                                <div >
                                    <div class="move_linea animateme" data-when="span" data-from="1" data-to="0"
                                         data-translatex="500"></div>
                                </div>
                            </div>
                            <div class="figure">
                                <div class="video_box _relative scrollme">
                                    <div class="gray_bg animateme" data-when="span" data-from="1" data-to="0"
                                        data-opacity="0" data-translatex="-1000"
                                        style="width:180.999%;opacity: 1; left: -150px;"></div>
                                    <div class="img _relative">
                                        <img src="../img/introduce_item.d77507ff.png" alt="">
                                        <span class="_cursor_pointer">
                                            <img src=""
                                                alt="">
                                        </span>
                                    </div>
                                </div>
                                <div class="text_box">
                                    <div class="text_title opacity_dom section_title" style="opacity: 1;">企业形象片</div>
                                    <div class="text_content opacity_dom font_size_xl" style="opacity: 1;">
                                        从妈妈的品质育儿到全家的品质生活，蜜芽已经服务了近千万中国家庭，将30多个国家的2万多种优质产品和服务提供给了消费者。</div>
                                    <div class="text_sign opacity_dom" style="opacity: 1;">
                                        <img src=""
                                            alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="Investment _relative">
                                <img src="../img/Investment.6193a563.png" alt="" class="position_img"
                                    style="margin-top: 0px;">
                                <div class="position_content">
                                    <h4 class="modul_title section_title _txt_center">蜜芽管理团队</h4>
                                    <div class="modul_title_line" style="width: 0px;"></div>
                                    <p class="desc font_size_xl">
                                        蜜芽是一家由女性创立，女性管理并服务于女性的企业。创始人兼CEO刘楠女士，北大新闻系硕士毕业，经历了从世界500强企业白领、全职妈妈的身份转换，于2011年创立蜜芽。蜜芽核心团队多由来自于世界500强企业、中国互联网顶级企业。集团管理层女性占比达到70%，打造了兼具女性感性洞察和男性理性思考的优秀专业团队。
                                    </p>
                                </div>
                            </div>
                            <div class="mia_backdrop">
                                <h4 class="modul_title section_title _txt_center">蜜芽投资背景</h4>
                                <div class="modul_title_line" style="width: 2.5rem;"></div>
                                <p class="desc _txt_center font_size_xxl">
                                    至今蜜芽获得了共计超过20亿人民币的融资。其中真格、险峰华兴、红杉资本、H-Capital等全球顶级风投公司对集团青睐有加。百度的1.5亿美元融资，更是刷新了当时母婴行业的融资金额记录。
                                </p>
                                <ul class="brand_list">
                                    <li class="brand_item">
                                        <div class="brand_icon">
                                            <img src="../img/zhenge.ba5c8167.png" alt="">
                                        </div>
                                        <div class="brand_desc">
                                            <div class="brand_desc_title font_size_xxxl">真格基金</div>
                                            <div class="brand_desc_content font_size_xl">
                                                真格基金是由徐小平、王强先生于2011年联合红杉资本中国基金创立的早期投资机构。真格基金自创立伊始，一直积极在互联网、移动互联网、未来科技、人工智能、企业服务、医疗健康、消费升级、教育、内容娱乐及大文化等不同领域寻找最优秀的创业团队和引领时代的投资机会。
                                            </div>
                                        </div>
                                    </li>
                                    <li class="brand_item">
                                        <div class="brand_icon">
                                            <img src="../img/baidu.8c23d72e.png" alt="">
                                        </div>
                                        <div class="brand_desc">
                                            <div class="brand_desc_title font_size_xxxl">百度</div>
                                            <div class="brand_desc_content font_size_xl">
                                                中国互联网三大巨头之一，目前投资共计50亿美金，超过了100个项目，很多投资的企业都是在创业初期就开始投资的。投资的领域主要涉及搜索、O2O、移动、垂类、技术、国际等六大类。
                                            </div>
                                        </div>
                                    </li>
                                    <li class="brand_item">
                                        <div class="brand_icon">
                                            <img src="../img/xfcq.d941ea19.png" alt="">
                                        </div>
                                        <div class="brand_desc">
                                            <div class="brand_desc_title font_size_xxxl">险峰华兴</div>
                                            <div class="brand_desc_content font_size_xl">
                                                险峰创始于2010年，专注新经济领域的早期投资，致力于推动技术进步、商业模式革新及人们生活方式的演进。旗下险峰长青、险峰旗云涵盖互联网、消费、医疗等领域的投资，已投资近500家高成长性创业企业，阶段覆盖天使至B轮，管理人民币和美元双币基金。
                                            </div>
                                        </div>
                                    </li>
                                    <li class="brand_item">
                                        <div class="brand_icon">
                                            <img src="../img/mhct.750c7552.png" alt="">
                                        </div>
                                        <div class="brand_desc">
                                            <div class="brand_desc_title font_size_xxxl">梅花天使</div>
                                            <div class="brand_desc_content font_size_xl">
                                                梅花创投成立于2014年5月，是国内最活跃、最懂互联网的投机机构之一，专注在新经济领域的投资，目前管理约22亿人民币基金，投资项目超300个。
                                            </div>
                                        </div>
                                    </li>
                                    <li class="brand_item">
                                        <div class="brand_icon">
                                            <img src=""
                                                alt="">
                                        </div>
                                        <div class="brand_desc">
                                            <div class="brand_desc_title font_size_xxxl">红杉资本</div>
                                            <div class="brand_desc_content font_size_xl">
                                                红杉资本于1972年在美国硅谷成立，始终致力于帮助创业者成就基业常青的伟大公司，为成员企业带来全球资源和历史经验。红杉资本中国基金专注于科技传媒、医疗健康、消费品服务、工业科技四个方向的投资机遇。自2005年9月创立以来，红杉资本中国基金投资了500余家企业。
                                            </div>
                                        </div>
                                    </li>
                                    <li class="brand_item">
                                        <div class="brand_icon">
                                            <img src=""
                                                alt="" style="width: 2.3rem;">
                                        </div>
                                        <div class="brand_desc">
                                            <div class="brand_desc_title font_size_xxxl">H capital</div>
                                            <div class="brand_desc_content font_size_xl">H capital
                                                是2014年由前老虎基金中国区主席陈小红创办的私募基金，旗下有人民币和美元基金。
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="Honor">
                                <h4 class="modul_title section_title _txt_center">蜜芽荣誉</h4>
                                <div class="modul_title_line" style="width: 2.5rem;"></div>
                                <div class="carousel-3d-container" style="height: 17.8728rem;">
                                    <div class="carousel-3d-slider" style="width: 50.8092rem; height: 17.8728rem;">
                                        <div class="wapper">
                                            <ul class="imgs">
                                                <li class="li3"><img style="width: 369px; height: 249px; "
                                                        src="../img/honor2.17002898.png"></li>
                                                <li class="li4"><img style="width: 361px; height: 272px;"
                                                        src="../img/honor3.5abb057e.png"> </li>
                                                <li class="li5"><img style="width: 361px; height: 272px;"
                                                        src="../img/honor4.034d63b0.png"></li>
                                                <li class="li6"> <img src="../img/honor5.f08647f5.png"></li>
                                                <li class="li7"><img src="../img/honor7.14f933dc.png"></li>
                                                <li class="li8"><img src="../img/honor8.db606c66.png"></li>
                                                <li class="li9"><img src="../img/honor9.0f8f0534.png"></li>
                                                <li class="li10"><img src="../img/honor10.6268410b.png"></li>
                                                <li class="li11"><img src="../img/honor11.afc3c7d1.png"></li>
                                                <li class="li12"><img src="../img/honor12.4f95cab5.png"></li>
                                                <li class="li13"><img src="../img/honor13.b55c7449.png"></li>
                                                <li class="li14"><img src="../img/honor14.9d56a710.png"></li>
                                                <li class="li15"><img src="../img/honor15.049467ef.png"></li>
                                                <li class="li16"><img src="../img/honor16.41b62cc8.png"></li>
                                                <li class="li1"><img style="width: 361px; height: 272px;"
                                                        src="../img/honor17.dde1b237.png"></li>
                                                <li class="li2"><img style="width: 361px; height: 272px;"
                                                        src="../img/honor1.5bd797c4.png"></li>
                                            </ul>
                                            <div class="dianji"></div>
                                            <div class="dianji2"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pink_bg clearfix  scrollme">
                                    <div class="move_bg animateme" data-when="span" data-from="0.5" data-to="0"
                                        data-opacity="0" data-translatex="400" style="opacity: 1; right: -974px;">
                                    </div>
                                    <p class="ziti">2017年 36Kr WISE2017新商业100年度榜</p>
                                </div>
                            </div>
                            <!-- 大事记 -->
                            <div class="events">
                                <h4 class="modul_title section_title _txt_center">大事记</h4>
                                <div class="modul_title_line" style="width: 2.5rem;"></div>
                                <div class="event_wrapper_box">
                                    <div class="event_scroll_box">
                                        <div class="time_line_box _relative">
                                            <div class="fixed_height_box _hidden"></div>
                                            <ul class="time_line_list _relative   schedule">
                                                <li class="time_line_item font_size_l">2011</li>
                                                <li class="time_line_item font_size_l">2013</li>
                                                <li class="time_line_item font_size_l">2014</li>
                                                <li class="time_line_item font_size_l">2015</li>
                                                <li class="time_line_item font_size_l">2016</li>
                                                <li class="time_line_item font_size_l">2017</li>
                                                <li class="time_line_item font_size_l">2018</li>
                                                <li class="time_line_item font_size_l">2019</li>
                                                <div class="move_line"></div>
                                            </ul>
                                            <ul class="show_text_list">
                                                <li class="scrollme">
                                                    <div class=" animateme" data-when="exit" data-from="0.5"
                                                        data-crop="false" data-to="0" data-opacity="0"
                                                        data-translatey="0">
                                                        <h5 class="font_size_xxl">诞生</h5>
                                                        <p class="font_size_xl">蜜芽诞生</p>
                                                        <div class="font_size_xl">创始人刘楠创立蜜芽。这份始于客厅里的纸尿裤事业，影响了中国母婴电商格局
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="scrollme">
                                                    <div class=" animateme" data-when="exit" data-from="0.5"
                                                        data-crop="false" data-to="0" data-opacity="0"
                                                        data-translatey="0">
                                                        <h5 class="font_size_xxl">勇气</h5>
                                                        <p class="font_size_xl">真格基金</p>
                                                        <div class="font_size_xl">华兴险峰等a轮融资</div>
                                                    </div>
                                                </li>
                                                <li class="scrollme">
                                                    <div class=" animateme" data-when="exit" data-from="0.5"
                                                        data-crop="false" data-to="0" data-opacity="0"
                                                        data-translatey="100">
                                                        <h5 class="font_size_xxl">拼搏</h5>
                                                        <p class="font_size_xl">b轮 c轮 融资共超8000万美元</p>
                                                        <div class="font_size_xl">蜜芽b2c网站正式上线</div>
                                                    </div>
                                                </li>
                                                <li class="scrollme">
                                                    <div class=" animateme" data-when="exit" data-from="0.5"
                                                        data-crop="false" data-to="0" data-opacity="0"
                                                        data-translatey="0">
                                                        <h5 class="font_size_xxl">超越</h5>
                                                        <p class="font_size_xl">大同跨境贸易和电商壁垒 开创跨境电商行业先河</p>
                                                        <div class="font_size_xl">战略投资重庆保税区成为中国电商上首家用中欧铁路 从欧洲运回商品的企业
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="scrollme">
                                                    <div class=" animateme" data-when="exit" data-from="0.5"
                                                        data-crop="false" data-to="0" data-opacity="0"
                                                        data-translatey="0">
                                                        <h5 class="font_size_xxl">领航</h5>
                                                        <p class="font_size_xl">打通母婴行业服务接口覆盖零售消费</p>
                                                        <div class="font_size_xl">和体验消费升级为孕婴童行业公司</div>
                                                    </div>
                                                </li>
                                                <li class="scrollme">
                                                    <div class=" animateme" data-when="exit" data-from="0.5"
                                                        data-crop="false" data-to="0" data-opacity="0"
                                                        data-translatey="0">
                                                        <h5 class="font_size_xxl">不忘初心</h5>
                                                        <div class="font_size_xl">自有品牌上线 打造名族新国货 完成第五轮融资 累计融资额超过20亿人民币
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="scrollme">
                                                    <div class=" animateme" data-when="exit" data-from="0.5"
                                                        data-crop="false" data-to="0" data-opacity="0"
                                                        data-translatey="0">
                                                        <h5 class="font_size_xxl">突破边界</h5>
                                                        <div class="font_size_xl">赋能女性 赋能线下实体 打造会员制 精选品社交电商</div>
                                                    </div>
                                                </li>
                                                <li class="scrollme">
                                                    <div class=" animateme" data-when="exit" data-from="0.5"
                                                        data-crop="false" data-to="0" data-opacity="0"
                                                        data-translatey="0">
                                                        <h5 class="font_size_xxl">前行</h5>
                                                        <div class="font_size_xl">从品质育儿到品质生活的全面升级</div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="show_img">
                                            <div class="show_img_item  scrollme">
                                                <img class="show_img_item  animateme" data-when="exit" data-from="0.5"
                                                    data-crop="false" data-to="0" data-opacity="0" data-translatex="500"
                                                    src="../img/2011.8bbc7d98.png" alt="">
                                            </div>
                                            <div class="show_img_item scrollme">
                                                <img class="show_img_item  animateme" data-when="exit" data-from="0.5"
                                                    data-crop="false" data-to="0" data-opacity="0" data-translatex="500"
                                                    src="../img/2013.dc5a0be3.png" alt="">
                                            </div>
                                            <div class="show_img_item scrollme">
                                                <img class="show_img_item  animateme" data-when="exit" data-from="0.5"
                                                    data-crop="false" data-to="0" data-opacity="0" data-translatex="500"
                                                    src="../img/2014.4150953e.png" alt="">
                                            </div>
                                            <div class="show_img_item scrollme">
                                                <img class="show_img_item  animateme" data-when="exit" data-from="0.5"
                                                    data-crop="false" data-to="0" data-opacity="0" data-translatex="500"
                                                    src="../img/2015.c5360eae.png" alt="">
                                            </div>
                                            <div class="show_img_item scrollme">
                                                <img class="show_img_item  animateme" data-when="exit" data-from="0.5"
                                                    data-crop="false" data-to="0" data-opacity="0" data-translatex="500"
                                                    src="../img/2016.ac3a1c69.png" alt="">
                                            </div>
                                            <div class="show_img_item scrollme">
                                                <img class="show_img_item  animateme" data-when="exit" data-from="0.5"
                                                    data-crop="false" data-to="0" data-opacity="0" data-translatex="500"
                                                    src="../img/2017.99a840fc.png" alt="">
                                            </div>
                                            <div class="show_img_item scrollme">
                                                <img class="show_img_item  animateme" data-when="exit" data-from="0.5"
                                                    data-crop="false" data-to="0" data-opacity="0" data-translatex="500"
                                                    src="../img/2018.39e020b0.png" alt="">
                                            </div>
                                            <div class="show_img_item scrollme">
                                                <img class="show_img_item  animateme" data-when="exit" data-from="0.5"
                                                    data-crop="false" data-to="0" data-opacity="0" data-translatex="500"
                                                    src="../img/2019.5a7e23ba.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <footer>
                <div class="navw">
                    <div class="nav_l">
                        <a class="font_size_xl" href="">首页</a>
                        <a class="font_size_xl" href="">集团介绍</a>
                        <a class="font_size_xl" href="">电商平台</a>
                        <a class="font_size_xl" href="">社会责任</a>
                        <a class="font_size_xl" href="">自有品牌</a>
                        <a class="font_size_xl" href="">新闻中心</a>
                        <a class="font_size_xl" href="">招商合作</a>
                        <a class="font_size_xl" href="">楠得好物</a>
                    </div>
                    <div class="nav-w">
                        <div class="tis font_size_xl">联系方式</div>
                        <p>总裁邮箱
                            <br>ceo@mia.ciom</p>
                        <p>商务合作
                            <br>bd@mia.com</p>
                        <p>媒体合作
                            <br>pr@mia.com</p>
                        <p>企业采购
                            <br>qiye@mia.com</p>
                        <p>廉政举报
                            <br>jiancha@mia.com</p>
                    </div>
                </div>
                <p class="font_size">
                    <span>京公网安备:11010502027270 | &nbsp;</span>
                    <a href="https://m.miabaobei.com/special/module/index/32243/wap/"
                        target="_blank">营业执照：91110105582599307U </a>
                    <span>&nbsp;|&nbsp;食品经营许可证：</span>
                    <a href="https://m.miabaobei.com/special/module/index/43652/app/" target="_blank">JY11105171970063
                    </a>&nbsp;
                    <span>| 京ICP备14006215号 &nbsp;</span>
                    <span> | 出版物经营许可证：</span>
                    <a href="https://m.miabaobei.com/special/module/index/47328/wap/">新出发 京零 字第 朝 160088号</a>&nbsp;
                    <span>| </span>
                    <a target="_blank" href="https://m.miabaobei.com/special/module/index/45366/wap/">
                        京网文[2017]1016-011号 </a>
                    <span> |</span>
                    <span>&nbsp;电话：10108088</span>
                </p>
                <p class="font_size">
                    <span style="margin-top: 0.9rem;">Copyright © 2020 北京花旺在线商贸有限公司 Mia.com 保留一切权利。</span>
                </p>
            </footer>
        </div>
    </div>
</body>
<script>
    $(document).ready(function () {
        let scheduleTop = $(".schedule").offset().top
        $(window).scroll(function () {
            var windowHeight = $(window).innerHeight()

            if (scheduleTop - $(window).scrollTop() <= 0) {
                $(".schedule").css({
                    "position": "fixed",
                    "top": "0"
                })
            } else {
                $(".schedule").css({
                    "position": "relative"
                })
            }

            if ($(".event_wrapper_box").offset().top - $(window).scrollTop() <= 0) {
                let bfb = ($(document).innerHeight() - $(window).scrollTop() - windowHeight) / ($(
                    "footer").innerHeight() + $(".event_wrapper_box").innerHeight() - 200)
                let bf = 100 - (bfb * 100)
                console.log(bf)
                if (bf > 99) {
                    $(".schedule").css({
                        "position": "fixed",
                        "top": "-60px"
                    })
                    bf = 100
                } else if (bf < 0) {
                    bf = 0
                }
                $('.show_img_item').each(function (index, e) {
                    let ind = Math.floor(bf / 12.5)
                    if (ind >= index) {
                        $('.time_line_item').eq(index).css({
                            "color": 'rgb(255, 110, 154)'
                        })
                    } else {
                        $('.time_line_item').eq(index).css({
                            "color": '#000'
                        })
                    }
                });
                $(".move_line").css({
                    "width": bf + "%"
                })
            }
        });
    });
</script>

</html>